<template>
  <div>
  <el-menu
    default-active="2"
    class="menu"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
    router="true"
  >
    <el-menu-item index="/page1">
      <i class="el-icon-menu"></i>
      <span slot="title">首页</span>
    </el-menu-item>
    <el-menu-item index="/page2" >
      <i class="el-icon-document"></i>
      <span slot="title">区域管理</span>
    </el-menu-item>
    <el-menu-item index="4">
      <i class="el-icon-setting"></i>
      <span slot="title">保修单</span>
    </el-menu-item>
    <el-menu-item index="4">
      <i class="el-icon-setting"></i>
      <span slot="title">保修单</span>
    </el-menu-item>
    <el-menu-item index="4">
      <i class="el-icon-setting"></i>
      <span slot="title">接单人</span>
    </el-menu-item>
    <el-menu-item index="4">
      <i class="el-icon-setting"></i>
      <span slot="title">耗材管理</span>
    </el-menu-item>
  </el-menu>
  </div>
</template>

<script>
    export default {
        name: "Left"
    }
</script>

<style scoped>
.menu{
  width: 350px;
  height:900px;
}
</style>
